<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <video class="player" id="player" controls muted autoplay> </video>
    <main class="detailmain">
        <!-- 内容区标题 -->
        <div class="title">
            <div class="tit1">
                <p class="crdetit">巧克力腹肌雕刻</p>
            </div>
            <div class="tit2 df">
                <!-- 千卡 -->
                <div class="kilo df aic ">
                    <div class="ddv1">
                        45
                    </div>
                    <div class="ddv2">
                        千卡
                    </div>
                </div>
                <!-- 分钟 -->
                <div class="mis df aic">
                    <div class="m1">15</div>
                    <div class="m2">分钟</div>
                </div>
                <!-- 练过 -->
                <div class="many df aic">
                    <div class="pep">99.99w人练过</div>
                    <div class="jt">></div>
                </div>

            </div>
        </div>
        <!-- 头像区 -->
        <div class="avataruser df aic">
            <div class="avatar1"></div>
            <div class="txt">
                <div class="text1">用户名</div>
                <div class="text2">三线达人课程设计师</div>
            </div>
        </div>
        <!-- 文章区 -->
        <div class="article df">
            <p class="pp1">
                15分钟将带你雕刻出性感的巧克力父级， 对腹部进行全方位的刺激，泵感十足！型男必备!  ... 
                <span class="more">更多</span>
            </p>

           
        </div>
        <!-- 练习频次 、机械 -->
        <div class="exer df">
            <!-- 练习频次 -->
            <div class="fre">
                <div class="t1">
                    练习频次
                </div>
                <div class="t2">
                    每周3-5次

                </div>


            </div>
            <!-- 机械 -->
            <div class="ins">
                <div class="i1">
                    器械
                </div>
                <div class="i2">
                    无
                </div>


            </div>
        </div>


    </main>
   <!-- 下面的开始训练按钮 -->
   <div class="adiv">
    <a id="begin" href="./play.html">开始训练</a>
   </div>
 
</body>
</html>